/* === 双箭头标题 === */
.dl-arrow-title{
    color: #fff;
    background-color: #59d3ff;
    display: inline-block;
    position: relative;
    height: 40px;
    line-height: 40px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    font-weight: bold;
}
.dl-arrow-title:after{
    position: absolute;
    content: '';
    display: inline-block;
    border-top: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #59d3ff;
}
.dl-arrow-title:before{
    position: absolute;
    right: 100%;
    top: 0px;
    content: '';
    display: inline-block;
    border-top: 20px solid transparent;
    border-right: 20px solid #59d3ff;
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
}

/* === 右箭头标题 === */
.right-arrow-title{
    color: #fff;
    background-color: #59d3ff;
    display: inline-block;
    position: relative;
    height: 40px;
    line-height: 40px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    font-weight: bold;
}
.right-arrow-title:after{
    position: absolute;
    content: '';
    display: inline-block;
    border-top: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #59d3ff;
}

/* === 左箭头标题 === */
.left-arrow-title{
    color: #fff;
    background-color: #59d3ff;
    display: inline-block;
    position: relative;
    height: 40px;
    line-height: 40px;
    margin-bottom: 1rem;
    margin-top: 1rem;
    font-weight: bold;
}
.left-arrow-title:before{
    position: absolute;
    right: 100%;
    top: 0px;
    content: '';
    display: inline-block;
    border-top: 20px solid transparent;
    border-right: 20px solid #59d3ff;
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
}
/* 衬线标题 */
.title-line{
    margin-bottom: 2rem;
    position: relative;
    font-size: 2rem;
    margin: 1rem auto;
    padding: 0 1rem;
    display: inline-block;
}
.title-line:before{
    content: '';
    position: absolute;
    top: 50%;
    left: -70px;
    width: 70px;
    height: 2px;
    background-color: #eee;
}
.title-line:after{
    content: '';
    position: absolute;
    top: 50%;
    right: -70px;
    width: 70px;
    height: 2px;
    background-color: #eee;
}
.right-arrow-tag{
    position: relative;
    background-color: pink;
    display: inline-block;
    height: 40px;
}
.right-arrow-tag button{
    -webkit-appearance:none;
}
.right-arrow-tag:after{
    content: '';
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 100%;
    border: 20px solid transparent;
    border-left: 20px solid pink;
}